<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <audio src="" id="voice" autoplay style="display: none;"></audio>
    <script type="text/javascript" src="./lib/jquery.js"></script>
    <script type="text/javascript">
        // 客户端发送消息，服务端返回回复消息
        function getMsg(callback) {
            $.get('http://www.liulongbin.top:3006/api/robot', {
                spoken: '你好'
            }, function(res) {
                // 服务端返回消息后传递给回调函数
                callback(res.data.info.text)
            })
        }

        // 客户端发送消息，服务器返回转换后的语音数据
        function changeVoice(callback, msg) {
            $.get('http://www.liulongbin.top:3006/api/synthesize', {
                text: msg
            }, function(res) {
                // 服务器返回的语音数据传递给回调函数
                callback(res)
            })
        }
        getMsg(function(data) {
            changeVoice(function(n) {
                console.log(n.voiceUrl)
                var a = n.voiceUrl
                $('#voice').attr("src", a)
            }, data)
        });
    </script>
</body>

</html>